<template>
    <div>
        <!-- <div class="firstpage">
            <div class="browse">
                <div>浏览量</div>
                <div></div>
            </div>
            <div class="order">
                <div>订单量</div>
                <div></div>
            </div>
            <div class="menoy">
                <div>总金额</div>
                <div></div>
            </div>
        </div>
        <div class="mid">
            <div class="To-dos">
                <div>代办事项</div>
                <div></div>
            </div>
            <div class="retail">
                <div>零售商品数量统计</div>
                <div></div>
            </div>
        </div>
        <div class="bottom">
            <div class="retailtrend">
                <div>零售趋势图</div>
                <div></div>
            </div>
            <div class="user">
                <div>用户统计环形图</div>
                <div></div>
            </div>
        </div> -->

<nav class="navbar ms-navbar">
      <div class="ms-aside-toggler ms-toggler pl-0" data-target="#ms-side-nav" data-toggle="slideLeft">
        <span class="ms-toggler-bar bg-white"></span>
        <span class="ms-toggler-bar bg-white"></span>
        <span class="ms-toggler-bar bg-white"></span>
      </div>
      <div class="logo-sn logo-sm ms-d-block-sm">
        <a class="pl-0 ml-0 text-center navbar-brand mr-0" href="index.html"><img
            src="assets/img/mednalytics-logo-84x41.png" alt="logo"> </a>
      </div>
      <ul class="ms-nav-list ms-inline mb-0" id="ms-nav-options">

        <li class="ms-nav-item  ms-d-none">
          <a href="#mymodal" class="text-white" data-toggle="modal"><i class="flaticon-spreadsheet mr-2"></i> 查看日程</a>
        </li>

        <li class="ms-nav-item ms-d-none">
          <a href="#prescription" class="text-white" data-toggle="modal"><i class="flaticon-pencil mr-2"></i> 制定计划</a>
        </li>

        <li class="ms-nav-item ms-d-none">
          <a href="#report1" class="text-white" data-toggle="modal"><i class="flaticon-list mr-2"></i> 生成报告</a>
        </li>

        <li class="ms-nav-item dropdown">
          <a href="#" class="text-disabled ms-has-notification" id="notificationDropdown" data-toggle="dropdown"
            aria-haspopup="true" aria-expanded="false"><i class="flaticon-bell"></i></a>
          <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="notificationDropdown">
            <li class="dropdown-menu-header">
              <h6 class="dropdown-header ms-inline m-0"><span class="text-disabled">Notifications</span></h6>
              <span class="badge badge-pill badge-info">4 New</span>
            </li>
            <li class="dropdown-divider"></li>
            <li class="ms-scrollable ms-dropdown-list">
              <a class="media p-2" href="#">
                <div class="media-body">
                  <span>12 ways to improve your crypto dashboard</span>
                  <p class="fs-10 my-1 text-disabled"><i class="material-icons">access_time</i> 30 seconds ago</p>
                </div>
              </a>
              <a class="media p-2" href="#">
                <div class="media-body">
                  <span>You have newly registered users</span>
                  <p class="fs-10 my-1 text-disabled"><i class="material-icons">access_time</i> 45 minutes ago</p>
                </div>
              </a>
              <a class="media p-2" href="#">
                <div class="media-body">
                  <span>Your account was logged in from an unauthorized IP</span>
                  <p class="fs-10 my-1 text-disabled"><i class="material-icons">access_time</i> 2 hours ago</p>
                </div>
              </a>
              <a class="media p-2" href="#">
                <div class="media-body">
                  <span>An application form has been submitted</span>
                  <p class="fs-10 my-1 text-disabled"><i class="material-icons">access_time</i> 1 day ago</p>
                </div>
              </a>
            </li>
            <li class="dropdown-divider"></li>
            <li class="dropdown-menu-footer text-center">
              <a href="#">View all Notifications</a>
            </li>
          </ul>
        </li>
        <li class="ms-nav-item ms-nav-user dropdown">
          <a href="#" id="userDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <img
              class="ms-user-img ms-img-round float-right" src="assets/img/dashboard/doctor-3.jpg" alt="people"> </a>
          <ul class="dropdown-menu dropdown-menu-right user-dropdown" aria-labelledby="userDropdown">
            <li class="dropdown-menu-header">
              <h6 class="dropdown-header ms-inline m-0"><span class="text-disabled">Welcome, Dr Samuel Deo</span></h6>
            </li>
            <li class="dropdown-divider"></li>
            <li class="ms-dropdown-list">
              <a class="media fs-14 p-2" href="pages/prebuilt-pages/user-profile.html"> <span><i
                    class="flaticon-user mr-2"></i> Profile</span> </a>
              <a class="media fs-14 p-2" href="pages/apps/email.html"> <span><i class="flaticon-mail mr-2"></i>
                  Inbox</span> <span class="badge badge-pill badge-info">3</span> </a>
              <a class="media fs-14 p-2" href="pages/prebuilt-pages/user-profile.html"> <span><i
                    class="flaticon-gear mr-2"></i> Account Settings</span> </a>
            </li>
            <li class="dropdown-divider"></li>
            <li class="dropdown-menu-footer">
              <a class="media fs-14 p-2" href="pages/prebuilt-pages/lock-screen.html"> <span><i
                    class="flaticon-security mr-2"></i> Lock</span> </a>
            </li>
            <li class="dropdown-menu-footer">
              <a class="media fs-14 p-2" href="pages/prebuilt-pages/default-login.html"> <span><i
                    class="flaticon-shut-down mr-2"></i> Logout</span> </a>
            </li>
          </ul>
        </li>
      </ul>
      <div class="ms-toggler ms-d-block-sm pr-0 ms-nav-toggler" data-toggle="slideDown" data-target="#ms-nav-options">
        <span class="ms-toggler-bar bg-white"></span>
        <span class="ms-toggler-bar bg-white"></span>
        <span class="ms-toggler-bar bg-white"></span>
      </div>
    </nav>



    <div class="ms-content-wrapper">

    </div> 


    <div class="row" >
      <div class="col-xl-3 col-md-6 col-sm-6">
        <a href="#">
          <div class="ms-card card-gradient-custom ms-widget ms-infographics-widget ms-p-relative">
            <div class="ms-card-body media">
              <div class="media-body">
                <h6>总访问量</h6>
                <p class="ms-card-change"> 34567</p>
              </div>
            </div>
            <i class="fas fa-stethoscope ms-icon-mr"></i>
            
          </div>
        </a>
      </div>
      <div class="col-xl-3 col-md-6 col-sm-6">
        <a href="#">
          <div class="ms-card card-gradient-custom ms-widget ms-infographics-widget ms-p-relative">
            <div class="ms-card-body media">
              <div class="media-body">
                <h6>总用户数</h6>
                <p class="ms-card-change"> 4567</p>
              </div>
            </div>
            <i class="fas fa-user-plus ms-icon-mr"></i>
          </div>
        </a>
      </div>
      <div class="col-xl-3 col-md-6 col-sm-6">
        <a href="#">
          <div class="ms-card card-gradient-custom ms-widget ms-infographics-widget ms-p-relative">
            <div class="ms-card-body media">
              <div class="media-body">
                <h6 class="bold">总商家数 </h6>
                <p class="ms-card-change"> 537</p>
              </div>
            </div>
            <i class="fa fa-wheelchair ms-icon-mr"></i>
          </div>
        </a>
      </div>
      <div class="col-xl-3 col-md-6 col-sm-6">
        <a href="#">
          <div class="ms-card card-gradient-custom ms-widget ms-infographics-widget ms-p-relative">
            <div class="ms-card-body media">
              <div class="media-body">
                <h6 class="bold">总交易额</h6>
                <p class="ms-card-change"> 2344567</p>
              </div>
            </div>
            <i class="fas fa-briefcase-medical ms-icon-mr"></i>
          </div>
        </a>
      </div>
      <div class="col-xl-8 col-md-12">
        <div class="ms-panel">
          <div class="ms-panel-header">
            <h6>用户信息</h6>
          </div>
          <div class="ms-panel-body">
            <div class="table-responsive">
              <table class="table table-hover  thead-primary">
                <thead>
                  <tr>
                    <th scope="col">用户姓名</th>
                    <th scope="col">邮箱</th>
                    <th scope="col">联系电话</th>
                    <th scope="col">性别</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td class="ms-table-f-w"> <img src="assets/img/dashboard/patient-3.jpg" alt="people"> Richard </td>
                    <td>Richard288@gmail.com</td>
                    <td>+1-202-555-0875</td>
                    <td>男</td>
                  </tr>
                  <tr>
                    <td class="ms-table-f-w"> <img src="assets/img/dashboard/patient-2.jpg" alt="people"> William </td>
                    <td>William434@gmail.com</td>
                    <td>+1-202-534-0112</td>
                    <td>女</td>
                  </tr>
                  <tr>
                    <td class="ms-table-f-w"> <img src="assets/img/dashboard/patient-4.jpg" alt="people"> John Doe </td>
                    <td>johndeo652@gmail.com</td>
                    <td>+1-202-182-0132</td>
                    <td>女</td>
                  </tr>
                  <tr>
                    <td class="ms-table-f-w"> <img src="assets/img/dashboard/patient-5.jpg" alt="people"> Martin </td>
                    <td>Martin876@gmail.com</td>
                    <td>+1-202-998-2341</td>
                    <td>女</td>
                  </tr>
                  <tr>
                    <td class="ms-table-f-w"> <img src="assets/img/dashboard/patient-1.jpg" alt="people"> Robert </td>
                    <td>Robert082@gmail.com</td>
                    <td>+1-202-455-1431</td>
                    <td>男</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>


      <div class="col-xl-4 col-md-12">
        <div class="ms-panel ms-panel-fh ms-widget">
          <div class="ms-panel-header ms-panel-custome">
            <h6>相关文件下载</h6>
          </div>
          <div class="ms-panel-body p-0">
            <ul class="ms-followers ms-list ms-scrollable">
              <li class="ms-list-item media">

                <div class="media-body mt-1">
                  <h4>Ultrasound-2.pdf</h4>
                  <a href="#"><span class="fs-12">View Report</span></a>
                </div>
                <button type="button" class="btn btn-success btn-sm" name="button">Download </button>
              </li>
              <li class="ms-list-item media">

                <div class="media-body mt-1">
                  <h4>Hypothermia.pdf</h4>
                  <a href="#"><span class="fs-12">View Report</span></a>
                </div>
                <button type="button" class="btn btn-danger btn-sm" name="button">On Hold </button>
              </li>
              <li class="ms-list-item media">

                <div class="media-body mt-1">
                  <h4>Ultrasound.pdf</h4>
                  <a href="#"><span class="fs-12">View Report</span></a>
                </div>
                <button type="button" class="btn btn-success btn-sm" name="button">Download </button>
              </li>
              <li class="ms-list-item media">

                <div class="media-body mt-1">
                  <h4>Heart-ECG.pdf</h4>
                  <a href="#"><span class="fs-12">View Report</span></a>
                </div>
                <button type="button" class="btn btn-success btn-sm" name="button">Download</button>
              </li>
              <li class="ms-list-item media">

                <div class="media-body mt-1">
                  <h4>X-ray.pdf</h4>
                  <a href="#"><span class="fs-12">View Report</span></a>
                </div>
                <button type="button" class="btn btn-danger btn-sm" name="button">On Hold </button>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>









    </div>
</template>
<script>
</script>
<style>

</style>